// 模拟api接口
import Mock from 'mockjs'

//栏目列表
var data = {};
//广告列表
var info = {};
//生成数据

//如果本地存储中有数据，则从本地存储中获取，没有，则生成
if (localStorage.getItem('lanmu_list')) {
    data = JSON.parse(localStorage.getItem('lanmu_list'))

} else {
    //生成数据
    data = Mock.mock({
        "list|10": [
            {
                "title": '@ctitle()',
                "id": '@increment()',
                'string': '@cword(5,30)'  //随机取一个3-10的范围文本
            }

        ]
    })

    // 保存数据到本地存储
    localStorage.setItem('lanmu_list', JSON.stringify(data))

}

//栏目数据列表接口
Mock.mock('/api/lanmu/list', 'get', () => {

    //返回数据
    return data
})


//栏目删除接口
Mock.mock('/api/lanmu/delete', 'post', (res) => {
    //接收参数 , res.body 是字符串格式,需要转为json对象
    // console.log( res.body );
    var { id } = JSON.parse(res.body);


    //通过id, 找到要删除的那一条数据, 执行删除
    var i = data.list.findIndex((item) => {
        return item.id == id;
    })
    if (i != -1) {
        data.list.splice(i, 1);
        localStorage.setItem('lanmu_list', JSON.stringify(data));
    }

    return { status: 200, msg: '删除成功!', list: data.list }
})



//栏目增加接口
Mock.mock('/api/class/edit', 'post', (req) => {
    // console.log("req的值", (JSON.parse(req.body)).editlist)
    // var { id } = JSON.parse(req.body);
    var elist = (JSON.parse(req.body)).editlist

    //通过id, 找到要编辑的那一条数据, 执行编辑
    var i = data.list.findIndex((item) => {
        return item.id == elist.id;
    })
    if (i != -1) {
        data.list[i] = elist
    }
    localStorage.setItem('lanmu_list', JSON.stringify(data.list));
    return { status: 200, msg: '修改成功!', list: data.list }
})


//栏目编辑接口
Mock.mock('/api/lanmu/edit', 'post', (req) => {
    // console.log("req的值", (JSON.parse(req.body)).editlist)
    // var { id } = JSON.parse(req.body);
    var elist = (JSON.parse(req.body)).editlist


    //通过id, 找到要编辑的那一条数据, 执行编辑
    var i = data.list.findIndex((item) => {
        return item.id == elist.id;
    })
    if (i != -1) {
        data.list[i] = elist
    }
    localStorage.setItem('lanmu_list', JSON.stringify(data.list));
    return { status: 200, msg: '修改成功!', list: data.list }
})


//广告列表渲染接口
//生成数据

//如果本地存储中有数据，则从本地存储中获取，没有，则生成
if (localStorage.getItem('guanggao_list')) {
    info = JSON.parse(localStorage.getItem('guanggao_list'))

} else {
    //生成数据
    info = Mock.mock({
        "list|100": [
            {
                "id": '@increment()',
                'name': '@cword(1,6)', //随机取一个1-6的范围文本
                "pic": "@image('100x100','#FF83FA','#fcfcfc','png','图片信息')",
                'adress': '@title(3,10)',
                "status1": '@pick(["服务频道第一帧","服务频道第二帧","服务频道第三帧","发现频道第一帧","发现频道第二帧","发现频道第三帧",])',
                "time": '@date(yyyy-MM-dd hh:mm)',
                "status": '@pick(["上线","下线"])',
            }

        ]
    })

    // 保存数据到本地存储
    localStorage.setItem('guanggao_list', JSON.stringify(info))

}

//栏目数据列表接口
Mock.mock('/api/guanggao/list', 'get', () => {

    //返回数据
    return info
})






